<template>
    <el-config-provider :locale="currentLocale">
        <router-view />
    </el-config-provider>
</template>


<script setup >
import { ElConfigProvider } from 'element-plus'
// 引入 Element Plus 官方语言包（中文/英文）
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import en from 'element-plus/es/locale/lang/en'
import { ref, provide } from 'vue'

// 1. 全局语言状态（默认中文，与 main.js 初始配置一致）
const currentLang = ref('zh-CN')
// 2. 映射语言标识到 Element Plus 语言包
const currentLocale = ref(zhCn)

// 3. 提供全局语言切换方法（给子组件 Layout 调用）
// 作用：子组件触发切换时，更新全局 locale 配置
provide('updateGlobalLang', (lang) => {
    currentLang.value = lang
    currentLocale.value = lang === 'zh-CN' ? zhCn : en
})

// 4. 提供当前语言状态（给子组件 Layout 显示）
provide('currentGlobalLang', currentLang)
</script>
<style scoped>
</style>